// 编写第一个mbox store小案例

import { makeAutoObservable } from "mobx"
class CounterStore {
  count = 0
  // 定义一个原始数据
  list = [1, 2, 3, 4, 5, 6]
  constructor() {
    // 2.把数据弄成响应式
    makeAutoObservable(this)
  }
  // 定义计算属性
  get filterList () {
    return this.list.filter(item => item > 2)
  }
  // 修改list
  addList = () => {
    this.list.push(7, 8, 9)
  }
  addCount = () => {
    this.count++
  }
}
// 4.实例化 然后导出给react使用
// const counterStore = new CounterStore()
export { CounterStore } 